<html>
<head>
<%@ include file="../includes/comun.jsp"%>
<style>
	.deno  {font-weight: bold;}
	.monto {width: 100%; text-align: right;}
	.td0101 {width: 30%; text-align: right;}
	.td0102 {width: 30%; text-align: right;}
	.td0103 {width: 40%; text-align: right;}
	.td0201 {width: 30%; text-align: right;}
	.td0202 {width: 70%; text-align: right;}
	.error  {font-weight: bold; color: red;}
</style>
<script type="text/javascript">
var ESTADO_CAJA_APERTURADA_ID = "${ESTADO_CAJA_APERTURADA_ID}";
var NOMBRE_TIPO_CAJA = "${tipo}";
</script>
<script language="javascript" src="<%=request.getContextPath()%>/js/operatoria/AperturarCaja.js"></script>
</head>
<body>
<c:choose>
<c:when test="${cache.sistemaActivado}"> 
<center>
<table class="tblTitulo"><tr><td>Apertura de ${tipo}</td></tr></table>

<div style="width: 500px">

<form name="frm" id="frm" method="post" action="<%=request.getContextPath()%>/apertura.do?method=save">

<table class="tblFormulario">
<tr><td class="etiqueta">Tipo de Divisa:</td>
	<td class="valor">
	<select id="selDivisa" style="width: 150px" onchange="cambiarDivisa()">
		<c:forEach items="${cache.divisas}" var="divisa">
		<option value="${divisa.codigoparametro}">${divisa.descripcion}</option>
		</c:forEach>
	</select></td>
	<td class="etiqueta">Estado:</td>
	<td class="valor" id="estDivisa">&nbsp;</td></tr>
<tr>
<td colspan="4">
<input type="hidden" id="tipo" value="${tipo}"/>
<!-- INI: CAJAS -->
<c:forEach items="${cajas}" var="caja">
<input type="hidden" id="cajCod${caja.divisaId}" value="${caja.cajaId}"/>
<input type="hidden" id="cajEst${caja.divisaId}" value="${caja.estadoId}"/>
<input type="hidden" id="cajEdi${caja.divisaId}" value="${caja.modificacionAperturaHabilitada}"/>

<table class="tblListado" id="tblCaja${caja.divisaId}" style="display: none">
<tr>
<th>Denominaci&oacute;n</th>
<th>Cantidad</th>
<th>Monto</th>
</tr>
<!-- INI: TIPO DENOMINACION -->
<c:forEach items="${cache.tiposDenominacion}" var="tipo">
<tr><td colspan="3" class="deno">${tipo.descripcion}</td></tr>
<!-- INI: DENOMINACIONES -->
<c:forEach items="${caja.montosDenominacion}" var="monto">
<c:if test="${monto.tipoId == tipo.codigoparametro}">
<tr>
<td class="td0101 noeditable">
<input type="hidden" name="i${monto.secuenciaId}" value="${monto.secuenciaId}" class="i${monto.divisaId}">
${monto.valorTexto}
<label id="numero_m${monto.secuenciaId}" style="display: none;">${monto.valorNumerico}</label></td>
<td class="td0102 noeditable" id="unidad_m${monto.secuenciaId}"></td>
<td class="td0103"><input type="text" name="m${monto.secuenciaId}" class="monto m${monto.divisaId}" value="<fmt:formatNumber value="${monto.valorIngresado}" pattern="##########"/>"></td>
</tr>
</c:if>
</c:forEach>
<!-- FIN: DENOMINACIONES -->
</c:forEach>
<!-- FIN: TIPO DENOMINACION -->
<tr><td colspan="3">&nbsp;</td></tr>
<tr><td class="td0201 noeditable">Deteriorados            </td><td colspan="2" class="td0202"><input type="text" name="monDet${caja.divisaId}" id="monDet${caja.divisaId}" class="monto" value="<fmt:formatNumber value="${caja.montoDeteriorados}" pattern="##########"/>"></td></tr>
<tr><td class="td0201 noeditable">Patr&oacute;n de Calidad</td><td colspan="2" class="td0202"><input type="text" name="patCal${caja.divisaId}" id="patCal${caja.divisaId}" class="monto" value="<fmt:formatNumber value="${caja.patronCalidad}" pattern="##########"/>"></td></tr>
<tr><td class="td0201 noeditable">Monto Total             </td><td colspan="2" class="td0202"><input type="text" name="monTot${caja.divisaId}" id="monTot${caja.divisaId}" class="monto noeditable" value="${caja.montoTotal}" readonly/></td></tr>
</table>
</c:forEach>
<!-- FIN: CAJAS -->
</td></tr>
<tr><td colspan="4" style="text-align: center;">
	<input type="button" class="boton1" value="Cancelar" id="btnCancelar"/> &nbsp; &nbsp;
	<input type="button" class="boton1" value="Aperturar ${tipo}" id="btnAperturar"/> &nbsp; &nbsp;
	<input type="button" class="boton1" value="Imprimir Voucher" id="btnImprimir"/>
	</td></tr>
</table>
</form>
<table id="tblEstadoCaja" style="display: none;">
<c:forEach items="${cache.estadosCaja}" var="estado">
<tr><td>${estado.codigoparametro}</td><td>${estado.descripcion}</td></tr>
</c:forEach>
</table>
</div>
</center>
</c:when>
<c:otherwise>
<jsp:include page="../includes/mensajeInactivo.jsp"></jsp:include>
</c:otherwise>
</c:choose> 
</body>
</html>